/*me.wxss*/
@import "../../app.wxss";
@import "../../templates/imageCell/imageCell.wxss";
@import "../../templates/floatAction/floatAction.wxss";
page{
	background: #fff;
	min-height: 100%;
}
.me-head {
	/*position: fixed;*/
	/*top: 0;*/
	/*left: 0;*/
	width: 100%;
	display: flex;
	flex-direction: column;
	background: #fff;
}

.me-head-user {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 0 0 30rpx;
}

.me-head-tab {
	width: 100%;
	box-sizing: border-box;
}

.me-user-left {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top: 32rpx;
}

.me-user-avtar {
	display: flex;
	width: 114rpx;
	height: 114rpx;
	border-radius: 50%;
}

.me-user-name {
	margin-left: 26rpx;
	font-size: 36rpx;
	color: #212121;
	font-weight: 600;
}
.me-user-count{
	margin-left: 26rpx;
	margin-top: 20rpx;
}
.me-user-count>text{
	font-size: 28rpx;
	margin-right: 100rpx;
	padding-right: 40rpx;
}
.me-count-title{
	color: #969696;
	margin-right: 14rpx;
}
.me-count-num{
	font-weight: bold;
	/*color: #15cee5;*/
}
.me-user-right {
	display: flex;
	flex-direction: row;
	margin-top: 20rpx;
	align-items: center;
	box-sizing: border-box;
	padding: 0 16rpx 0 0;
}

.me-messgae-cont {
	width: 38rpx;
	height: 36rpx;
	position: relative;
}

.me-messgae-dot {
	position: absolute;
	top: 4rpx;
	left: 30rpx;
	background: red;
	width: 12rpx;
	height: 12rpx;
	border-radius: 50%;
	background: red;
}

.me-msg-icon {
	width: 38rpx;
	height: 36rpx;
}

.me-msg-text {
	font-size: 22rpx;
	color: #333;
	margin-left: 10rpx;
}

.me-cont {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	/*padding: 258rpx 0 0 0;*/
	background: #fff;
}

.me-list-cont {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	padding: 0 11rpx;
}

.me-list-more {
	font-size: 22rpx;
	color: #888;
	width: 100%;
	height: 50rpx;
	line-height: 50rpx;
	text-align: center;
	background: #fff;
}

.tab-cont {
	width: 100%;
	box-sizing: border-box;
	font-size: 0;
}
.tab-content{
	width: 100%;
	align-items: center;
	border-top: solid 1px #eee;
	margin-top: 34rpx;
}
.tab-content .item{
	flex: 1;
	-webkit-flex: 1;
	text-align: center;
	border-left: solid 1px #eee;
}
.tab-content .item:first-child{
	border-left: none;
}
.tab-title {
	color: #888;
	padding: 24rpx 0;
	line-height: 1;
	font-size: 30rpx;
	border-bottom: solid 1px #eee;
}

.tab-title-selected {
	color: #333;
	border-bottom: solid 1px #fff;
}
.emptyView{
	background: #fff;
	height: 100%;
	width: 100%;
}
.emptyViewPic{
	margin: 200rpx 0 340rpx 0;
	text-align: center;
}
.emptyViewPic image{
	width: 376rpx;
}
.emptyViewText{
	font-size: 32rpx;
	color: #a3a3a3;
	margin-top: 44rpx;
}
.gapGray{
	height: 20rpx;
	background: #fff;
}
.comentCont,.likeCont{
	margin-left: 22rpx;
}
.likeCont{
	margin-left: 60rpx;
}
.userCount{
	font-size: 24rpx;
	margin-left: 14rpx;
	color: #212121;
}
.billboardIcon{
	margin-left: 30rpx;
	margin-top: -6rpx;
}
.billboardText{
	color: #75B1CA;
	margin-left: 10rpx;
	font-size: 22rpx;
}
.edit-icon{
	margin-left: 12rpx;
	margin-top: -10rpx;
}

.focusBtn{
	padding: 0 8rpx;
	height: 44rpx;
	line-height: 44rpx;
	font-size: 26rpx;
	border-radius: 4rpx;
	margin-left: 22rpx;
	position: relative;
	top: -4rpx;
}
.follow{
	color: #fd8671;
	border: solid 1px #fd8671;
}
.unfollow{
	color: #bdbdbd;
	border: solid 1px #bdbdbd;
}
.me-introduction{
	margin-top: 24rpx;
	padding: 0 30rpx;
	font-size: 28rpx;
	line-height: 1.4;
	color: #212121;
}
/*tab.wxss*/

.tab-cont {
	width: 100%;
	box-sizing: border-box;
	font-size: 0;
}

.tab-scroll {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	white-space: nowrap;
	flex-wrap: nowrap;
}

.tab-item,
.tab-item-76 {
	display: inline-block !important;
	height: 100%;
	box-sizing: border-box;
	border-bottom: 0 solid red;
	flex-direction: row;
}

.tab-item:nth-child(n+2) {
	margin-left: 44rpx;
}

.tab-item-76:nth-child(n+2) {
	margin-left: 76rpx;
}

.tab-title {
	font-size: 28rpx;
	color: #333;
}

.tab-title-selected {
	color: #888;
}

.tab-title-r {
	margin-left: 10rpx;
}

